@import '~antd/es/style/themes/default.less';

.wrapper {
  position: relative;
  width: 500px;
  height: 150px;
  padding: 0 30px 20px 0;
  .core-wrapper {
    display: flex;
    flex-direction: column;
    max-height: 270px;
    padding: 0 19px;
  }
  .bg-1 {
    margin-right: -18px;
    transform: rotate(1.5deg);
    transform-origin: left bottom;
  }
  .title {
    margin: 20px 0 5px 0;
    color: #fff;
    font-size: 18px;
    line-height: 32px;
    border-radius: 17px 17px 0 0;
  }
  &:global {
    > .ant-col {
      padding: 0 20px;
    }
  }
  :global {
    sup {
      transform: translate(90%, -30%);
    }
  }
}

.overlay {
  p {
    margin: 0;
    white-space: nowrap;
  }
}
